
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-color: aliceblue;
			}
			.header{
				height: 60px;
				background-color:lightcyan;
				line-height: 60px;
				text-align: center;
				color: #333;
			}
			.content{
				margin-left: auto;
				margin-right: auto;
				width: 400px;
				border: 1px solid silver;
				background-image: url(images/3.jpg);
				padding: 10px;
			}
			.search{
				width: 280px;
				height: 30px;
			}
			.btn{
				width: 100px;
				height: 34px;
				background-color: rgb(33, 115, 223);
				border: 1px solid rgb(27, 23, 23);
				color: #333;
			}
			.title{
				color: deepskyblue;
				margin-top: 20px;
				padding-left: 30px;
			}
			.m{
				width: 400px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			p{
				color: #333;
				padding: 5px;
			}
			
		</style>
	</head>
	<body>
		<h3 class="header">个人网站</h3>
		<div class="content">
			<input type="text" class="search" />	
			<button class="btn">百度一下</button>
			<h3 class="title">| About Us |</h3>
			<img src="images/h.jpg" alt=""  class="m"/>
			<p>关于单纯的信任</p>
		　　<p>关于拥抱的心疼</p>
		　　<p>关于青春 那件傻事的余震</p>
		　　<p>就用这一首歌来作证</p>
		　　<p>2015年 周笔畅 反思青春 温情解读关于（我们）</p>
			<a href="htttp://www.baidu.com">百度</a>
			<a href="htttp://www.taobao.com">淘宝</a>
		</div>
	</body>
</html>
